
body{
  background: #f7f3f7;
}
#main{

}
 .order-details{
  border-bottom: 0.01rem solid #e3e3e3;
  padding: 0 0.30rem;
  background: #fff;
  margin-bottom: 0.20rem;
}
 .order-details .od-img{
  float: left;
  width: 1.20rem;
  height: 1.20rem;
  margin-right:0.35rem;
  margin-top: 0.20rem;
}
 .order-details .od-mian{
  float: left;
  width: 4.10rem;
  height: 1.40rem;
  margin-top: 0.20rem;
}
 .order-details .od-mian span:nth-child(1){
 font-size: 0.26rem;
 color: #1c1c1c;
 	overflow: hidden;  
  white-space: nowrap;  
  text-overflow: ellipsis;
}
 .order-details .od-mian span:nth-child(2){
 font-size: 0.22rem;
 color: #787878;
 line-height: 0.40rem;
  overflow: hidden;  
  white-space: nowrap;  
  text-overflow: ellipsis;
}
 .order-details .od-state{
  padding-top: 1.05rem;
  float:right;
  height: 0.65rem;
  margin-right: 0.30rem;
}
 .order-details .od-state span{
 font-size: 0.26rem;
 color: #1c1c1c;
 border: 0.01rem solid #e3e3e3;
 font-weight: 700;
 padding: 0 0.05rem;
}



.logistics-main{
    background: #ffffff;
    padding: 0.30rem 0;
    margin-bottom: 0.20rem;
}
.logistics-main .newest{
     color: #ff8618;
}
.logistics-main div:last-child .l-m-c-main{
    border-left:0; 
}
.logistics-title{
  	font-size: 0.30rem;
	width: 100%;
	line-height: 1.10rem;
  text-align: center;
  color: #000;
}
.logistics-main-content{
  position: relative;
}
.l-m-c-img{
  position: absolute;
  left: 1.55rem;
  top: 0;
  width: 0.38rem;
  height: 0.38rem;
}
.l-m-c-img1{
  position: absolute;
  left: 1.69rem;
  top: 0;
  width: 0.17rem;
  height: 0.17rem;
}
.l-m-c-img2{
  position: absolute;
  left: 1.53rem;
  top: 0;
  width: 0.42rem;
  height: 0.42rem;
}
.l-m-c-time{
  float:left;
  width: 1.60rem;
  text-align: right;
}
.l-m-c-time div{
    font-size: 0.26rem;
    padding-top: 0.10rem;
}
.l-m-c-time span{
    font-size: 0.18rem;
}
.l-m-c-main{
  float:right;
  width: 4.90rem;
  border-left:0.05rem solid #cecfce; 
  padding: 0 0.4rem 0.60rem;
}
.l-m-c-main span{
  font-size: 0.28rem;
  line-height: 100%;
}
.l-m-c-main div{
  font-size: 0.24rem;
  line-height: 0.30rem;
  padding-top: 0.20rem;
}








/*主商品区*/
.container-goods {
	background: white;
  width: 100%;
  margin-top: 0.20rem;
}

.container-goods .caption {
	font-size: 0.30rem;
	width: 100%;
	line-height: 1.10rem;
  text-align: center;
  color: #000;
}
.container-goods .container-goods-img{
  width: 7.13rem;
  height: 3.76rem;
  display: block;
  margin: 0 auto;
}

.main-goods {
	display: flex;
	justify-content: space-between;
	flex-wrap:  wrap; 
	background: white;
  margin-top: 0.20rem;
  padding:0 0.12rem;
}

.main-goods .single-goods {
	display: block;
	border: 0.01rem solid #eee;
	width: 3.45rem;
  margin-bottom: 0.20rem;
  border-radius: 0.10rem;
  
}
.main-goods .single-goods .writtenWords{
  margin-left:0.10rem; 
  margin-bottom: 0.10rem;
}
.main-goods .single-goods  img {
	width: 2.20rem;
	height: 2.20rem;
	display: block;
	margin: 0.20rem auto;
}
.main-goods .single-goods .writtenWords .sale span{
    background: #e7797b;
    padding: 0.05rem 0.15rem;
    font-size: 0.20rem;
    color: #ffffff;
    border-radius: 0.05rem;
}
.main-goods .single-goods .writtenWords .title {
	display: block;
	width: 90%;
	color: #000;
	font-size: 0.26rem;
	margin: 0.10rem 0.06rem;
	line-height: 0.32rem;
	overflow: hidden;  
  white-space: nowrap;  
  text-overflow: ellipsis;  
}
.main-goods .single-goods .writtenWords .price {
	font-size: 0.24rem;
  font-weight: 700;
  font-family: "微软雅黑";
}
.lookMore{
  font-size: 0.26rem;
	width: 100%;
	line-height: 1.10rem;
  text-align: center;
  color: #000;
}
.expect{
  width: 100%;
  background: #fafafa;
  line-height: 0.80rem;
  text-align: center;
}
.expect span{
  font-size: 0.32rem;
  color: #5a5a5a;
  margin:  0 0.10rem;
}
.expect .expect_line{
  display: inline-block;
  border-top:0.03rem solid #5a5a5a; 
  width: 0.72rem;
  margin-bottom: 0.10rem;
}

